<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>律师事务所</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="top">
		<a href="#"><img src="images/logo_05.jpg"></a>
		<div class="top_1">
			<ul>
				<li><a href="#">收藏本站</a></li>
				<li class="li_2"><a href="#">联系我们</a></li>
			</ul>
			<img src="images/top1_05.png">
		</div>
	</div>
	<div class="nav">
		<div class="nav_1">
			<ul>
				<li>
					<a href="#">
						<div class="dli">
							<p>首页</p>
						</div>
					</a>
				<li>
					<a href="#">
						<div class="dli">
							<p>事务所介绍</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="dli">
							<p>新闻动态</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="dli">
							<p>专业领域</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="dli">
							<p>成功案例</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="dli">
						<p>普世团队</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="dli">
						<p>联系我们诚聘英才</p>
						</div>
					</a>
				</li>
				<li clas="li_8" style="background-image:none;">
					<a href="#">
						<div class="dli">
						<p>联系我们</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		
	</div>
	<div class="banner">
		<div class="banner_1">
			<div class="banner_1_1">
				<img src="images/banner_1_05.jpg" style="display: block;">
				<img src="images/banner_2_05.jpg" ">
				<img src="images/banner_3_05.png" ">
			</div>
			<p><img src="images/banner_6_05.png" style="z-index: 1"></p>
			<div class="btn">
				<ul>
					<li class="bj"></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="center">
		<div class="center_1">
			<div class="center_1_1">
				<img src="images/con_3_07.png" id='img_1'>
				<ul>
					<li>
						<img src="images/img1_11.png">
						<p>公司法律事务</p>
					</li>
					<li>
						<a href="#">
							<img src="images/img2_11.png">
							<p>金融证券法律事务</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img3_11.png">
							<p>知识产权法律事务</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img4_11.png">
							<p>海事海商法律事务</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img5_11.png">
							<p>跨国跨境法律事务</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img6_11.png">
							<p>刑事法律事务</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img7_11.png">
							<p>行政法律事务</p>
						</a>

					</li>
					<li>
						<a href="#">
							<img src="images/img8_11.png">
							<p>房地产和建设事务</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img9_11.png">
							<p>矿业、能源与自然</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/img10_11.png">
							<p>争端解决法律事务</p>
						</a>
					</li>

				</ul>
			</div>
			<div class="center_1_2">
				<a href="#"><img src="images/con_2_11.png"></a>
				<p>
					<h6 style="color:#0099ff">事务所介绍</h6>
					<span>2012年7月，上海普世律师事务所在江苏省昆山市设立了分所——上海普世（昆山）律师事务所。</span>
				</p>
				<p>
					<h6 style="color:#0099ff">服务理念</h6>
					<span>世所秉持“一切因我们而改变”的理念，在传统业务及新兴业务领域为客户提供专业、高效、优质的法律服务。</span>
				</p>
			</div>
		</div>
		<div class="center_2">
			<div class="center_2_1">
				<div class="tp">
					<div class="p_1">
						<p>新闻动态<span style>News</span></p>
					</div>
					<a href="#"><span class='sp_2'> >> 更 多</span></a>
				</div>
				<ul>
					<li class="li_1">
						<a href="#"><p style="color:#666">沈骏副市长至新渡口基地调研</p> </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所律师入驻新渡口地块旧改房屋征收...</p> </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">普陀区常务副区长裴琦至本所调研 </p></a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">市律协信访矛盾调解化解（ADR）业务...</p></a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所律师受聘成为普陀区政府法律顾问</p></a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所律师入驻新渡口地块旧改房屋征收...</p>  </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所胡贤德律师被聘为普陀区第八届特...</p>   </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所胡贤德律师获“指路明灯”奖</p></a>
						<span>[2012-12-12]</span>
					</li>
				</ul>
			</div>
			<div class="center_2_2">
				<div class="tp">
					<div class="p_1">
						<p>成功案例<span style>Case</span></p>
					</div>
					<a href="#"><span class='sp_2'> >> 更 多</span></a>
				</div>
				<ul>
					<li class="li_1">
						<a href="#" ><p style="color:#666">沈骏副市长至新渡口基地调研</p> </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所律师入驻新渡口地块旧改房屋征收...</p> </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">普陀区常务副区长裴琦至本所调研 </p></a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">市律协信访矛盾调解化解（ADR）业务...</p></a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所律师受聘成为普陀区政府法律顾问</p></a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所律师入驻新渡口地块旧改房屋征收...</p>  </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所胡贤德律师被聘为普陀区第八届特...</p>   </a>
						<span>[2012-12-12]</span>
					</li>
					<li>
						<a href="#"><p style="color:#666">本所胡贤德律师获“指路明灯”奖</p></a>
						<span>[2012-12-12]</span>
					</li>
				</ul>
			</div>
			<div class="center_2_3">
				<p class='p_1'>联系我们 <span>Contact Us</span></p>
				<p class="p_2">0512-57361168</p>
				<p class="p_3 pp">电话:<span>0512-57361168</span></p>
				<p class="p_3">地址:<span class="sp_1">昆山市昆太路530号祥和国际大厦20层04室</span></p>
				<p class="p_3 pp_1">网址:<span>www.push-lawyer.com</span></p>
			</div>
		</div>
		<div class="center_3">
			<div class="center_3_1">
				<ul>
					<li>
						<a href="#">
							<img src="images/img1_1_15.png">
							<p>争渡网络律师</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/con3_3_21.png">
							<p>争渡网络律师</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/con4_4_21.png">
							<p>争渡网络律师</p>
						</a>		
					</li>
				</ul>
			</div>
			<div class="center_3_2">
				<div class="con_tu1">
					<a href="#"><img src="images/cont_w_21.png"></a>
				</div>
				<div class="con_tu1 min">
					<a href="#"><img src="images/tu2_07.png"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer_min">
			<img src="images/ft_27.png">
			<p>Copyright © 2007-2012  All Rights Reserved上海普世（昆山）律师事务所版权所有苏ICP备10000000号争渡网络 设计·制作</p>
		</div>
	</div>
</body>
<script src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
	$(function(){
		var index=0;
		$('.banner .banner_1 .btn ul li').hover(function(){
			var index=$(this).index();//获得当前li的索引值
			$(this).addClass('bj').siblings().removeClass('bj');
			$('.banner .banner_1 .banner_1_1 img').eq(index).stop(true).fadeIn()
			.siblings().stop(true).fadeOut();
		},function(){});
		/*setInterval(function(){
			index++;
			if(index>2)index=0;
			$('.banner .banner_1 .btn ul li').eq(index).addClass('bj').siblings().removeClass('bj');
			$('.banner .banner_1 .banner_1_1 img').eq(index).stop(true).fadeIn()
			.siblings().stop(true).fadeOut();
		},2000)*/
		var play=setInterval(Bj,2500);
		$('.banner .banner_1 .banner_1_1').hover(function(){
			clearInterval(play);
		},function(){
			play=setInterval(Bj,2500);
		})
		function Bj(){
			index++;
			index%=3;
			$('.banner .banner_1 .btn ul li').eq(index).addClass('bj').siblings().removeClass('bj');
			$('.banner .banner_1 .banner_1_1 img').eq(index).stop(true).fadeIn()
			.siblings().stop(true).fadeOut();
		}
});
</script>
</html>